*{
    margin:0;
    padding:0;
    text-decoration: none;
}

body{
    height:100%;
    display:flex;
	flex-direction:column;
}

#header{
    display: flex;
    height: 1.333333rem;
    background:rgb(255,132,29);
    .a1{
        display:inline-block;
        font: 22px/ 1.333333rem "";
        padding-left: .266667rem;
        text-decoration: none;
    }
    p{
        display:inline-block;
        font: 20px/ 1.333333rem "";
        font-weight: 900;
        color:white;
        margin:0 auto;
    }
    img{
        height:.906667rem;
        width:.906667rem;
        padding:.266667rem .266667rem 0 0;
    }
}

#content{
    ul{
    display:flex;
    flex-wrap: wrap;
    margin:.266667rem 1.866667rem .666667rem 1.066667rem;
    li{
        list-style: none;
        padding:0 .133333rem;
        margin:.08rem;
        background:#f4f4f4;
        border:.026667rem solid rgb(228,228,228);
        a{
            display:flex;
            height:.8rem;
            font:14px/.8rem "";
            color:black;
            img{
                display:inline-block;
                height:.426667rem;
                width:.426667rem;
                margin:.186667rem .266667rem 0 0;
            }
            span{
                display:inline-block;
                height:.8rem;
                font:14px/.8rem "";
                color:black;
            }
        }
    }
    }
}
#footer{
    background:rgb(239,239,239);
    .rank {
        background: #ff841d;
        height: .906667rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: .266667rem;
        .span1 {
            font-size: .48rem;
            line-height:.906667rem;
            color: white;
        }
        .a2{
            text-decoration: none;
            display:inline-block;
            height:.533333rem;
            width:.533333rem;
            background: #ff841d;
            padding-right:.266667rem ;
            img {
                width:.533333rem;
                height: .533333rem;
            }
        }
    }
    ul{
        margin-top:.533333rem;
       display:flex;
       li{
           flex:1;
           list-style: none;
           text-align: center;
           font: 16px / .88rem "";
           border:.026667rem solid #ccc;
       }
    }
    .bottom{
        height:1.493333rem;
        .p1{
            padding-top:.266667rem;
            font-size:.373333rem; 
            text-align: center;
            .span1{
                color:red;
            }
            .span3{
                color:rgb(110,110,110);
            }
        }
        .p2{
            font-size: .32rem;
            text-align: center;
            color:rgb(110,110,110);
        }
    }
}